import React from "react"
import App from '../App'
import Sd from '../pages/Shudu'
import CountDown from "../pages/CountDown"
import DisplayDemo from "../pages/DisplayDemo"
import QueryForm from "../pages/employee"
import AntdFormPage from '../pages/Formpage'
import Reduxpage from "../pages/Reduxpage"
import ReduxHookPage from "../pages/Reduxhookpage"
import RTKPage from "../pages/RTKPage"

interface RouteObject {
    path?: string
    element?: React.ReactNode
    children?: RouteObject[]
}

const Routes: RouteObject[] = [
    {
        path: '/',
        element: <App />,
    },
    {
        path: '/reduxhookpage',
        element: <ReduxHookPage />,
    },
    {
        path: '/rtkpage',
        element: <RTKPage />,
    },
    {
        path: '/sd',
        element: <Sd />,
    },
    {
        path: '/countdown',
        element: <CountDown />,
    },
    {
        path: '/displaydemo',
        element: <DisplayDemo />,
    },
    {
        path: '/queryForm',
        element: <QueryForm />,
    },
    {
        path: '/formpage',
        element: <AntdFormPage />,
    },
    {
        path: '/reduxpage',
        element: <Reduxpage />,
    },
]

export default Routes